body{
    margin: 0;
    
}
figure {
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.7);
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.7);
	box-shadow: 5px 5px 10px rgba(0,0,0,.7);
}
#resultados{
top:10%;
position:relative;

}
#ddlbusca #criterio #buscar{
position:relative;

}
#ddlbusca{
left:40%;
}

#buscarpelicula{

position:relative;
margin-top:5%;
left:20%;
bottom:5%;
}
#page p{
position:relative;
text-align:center;
color:white;

}
#contenedoradmi{
border: solid;
width:1046px;
position: absolute;
height:1050px;
left:50%;
margin-left:-523px;
-moz-border-radius: 10px;
background-color:gray ;
}

#contenedor{
border: solid;
width:1046px;
position: absolute;
left:50%;
margin-left:-523px;
-moz-border-radius: 10px;
background-color:gray ;
}



video{
position:relative;
padding:10px;
top:10%;
left:35%;
}

* {
	-webkit-transition: color .25s ease-in, opacity .5s ease, -webkit-transform .25s ease-in-out 0;
	-moz-transition: color .25s ease-in, opacity .5s ease, -moz-transform .25s ease-in-out 0;
	-o-transition: color .25s ease-in, opacity .5s ease, -o-transform .25s ease-in-out 0;
	transition: color .25s ease-in, opacity .5s ease, transform .25 ease-in-out 0; 
}



nav.gallery {
position:relative;
height: 97%;

}

nav.gallery figure {
   
	width: auto;
	float:left;
	-webkit-transform-origin: left 25%;
	-moz-transform-origin: left 25%;
	-o-transform-origin: left 25%;
	transform-origin: left 25%;
	-webkit-transform-style: flat;
	transform-style: flat;
	-webkit-perspective: 5000;
	perspective: 5000;
	-webkit-perspective-origin: 25% 25%;
	perspective-origin: 25% 25%;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation: slideshow 50s linear infinite;
    -moz-animation:    slideshow 50s linear infinite;
}

.f1 {
	-webkit-transform: perspective(250) scale3d(.75,.5,1) rotate3d(5,4,2,-10deg);
	-moz-transform: scale(.75) rotate(10deg);
	-o-transform: scale(.75) rotate(10deg);
	transform: scale(.75) rotate(10deg);
}

.f {
	opacity: .8;
	left:float;
	-webkit-transform: perspective(250) scale3d(.5,.75,1.5) rotate3d(-3,10,-8,18deg);
	-moz-transform:scale(.75) rotate(-8deg);
	-o-transform: scale(.75) rotate(-8deg);
	transform: scale(0.75) rotate(-8deg);
}

#f3 {
	-webkit-transform: perspective(250) scale3d(1,.5,.75) rotate3d(3,6,10,20deg);
	-moz-transform: scale(.75)rotate(3deg);
	-o-transform: scale(.75) rotate(3deg);
	transform: scale(.75) rotate(3deg);
}

.f1:hover, .f:hover, #f3:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	cursor: pointer;
	clip: auto;
	z-index: 9999;
}
table{
position:relative;

left:10%;
}

#contactos{
position:relative;
left:2%;
padding:5px;
align:left;

}
th{
font-weight: bold;
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#9370D8;
color:#ffffff;
}
td{
font-weight: bold;
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#778899;
color:#ffffff;
}
#content #content1{

   width: 100%;
   float: left;
   height: inherit;
   background-image:url(img/fondoprincipal.jpg);
}

#fb{	
	top: 40%;
	left: 10%;
	filter: alpha(opacity=35);
	position: absolute;
}


#t{	
	top: 40%;
	left: 40%;
	filter: alpha(opacity=35);
	position: absolute;
}

#gp{	
	top: 40%;
	left: 70%;
	filter: alpha(opacity=35);
	position: absolute;
}
#aside {
	position: fixed;
	top:88%;
	height:5%;
	width:10%;
		background: rgb(242, 237, 217) url(../_images/paper-01.jpg) repeat 0 0;

	left:85%;
	right: 1%;
	bottom:1%;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,.25) inset, 3px 3px 15px rgba(0,0,0,.5);
	z-index: 100;
}
#fb:hover, #t:hover, #gp:hover {	
       -webkit-transform: translateY(-40%);
	   -moz-transform: translateY(-40%);
}
#animaciones #slide1{
display:none;
}
#animaciones #video{
display:none;
}
img.img{
position:relative;
margin-top:0px;
width:200px;
height:100px;
left:10%;
margin-left:-100px;
}

#contacto h2,h3{
	font-size: 12pt; font-style: bold; line-height: normal; font-weight: bold; color:#3ba3d0;
}
p{
margin-left:5px;
margin-right:5px;
text-align:justify;

}
#button{
	background-color:#A7C942;
	border: 3px solid rgb(120, 5, 255);
	color: yellow;
}
#contacto h2{font-family:Helvetica; font-size: 18pt;}
#registro{border-top: 2px solid #ddd; }
#logo{
    width: 97.5%;
	padding:0;
	
   
    height: 100px;
    background:#1F0035;
}
#cabecera #menu{
display:none;
}
   #contentmenu #menu2{
    margin-top: 20px;
    list-style: none;
    height: 100px;
    background-image:url(img/xz.jpg);
    padding: 0;
    width: 100%;
    float: left;
}
	#contentmenu #menu2 ul {
	margin: 0 10px;
	padding: 0;
	list-style: none;
   }
		
	 #contentmenu #menu2 ul li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	}
	#contentmenu #menu2 ul li a {
	display: block;
	 margin-top: 0px;
	width:160px;
	height:30px;
	position: relative;
	padding: 40px 3.5px;
	border: 0;
	background-image:url(img/botonn.gif);
	background-repeat:no-repeat;
	color: #b5c4e3;
	font-weight: bold;
    text-decoration: none;
	cursor: pointer;
     }
	#content #sociales{
    display:none;
}	
	 
	 
.clear{
    clear: both;
}
ul.thumb {
	float:left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
	position:relative;

}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; 
	-ms-interpolation-mode: bicubic; 
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(none.jpg) no-repeat center center; 

}
#efectozoom{
position:relative;
margin-left:30%;


}






#content #content2{

    width: 100%;
    float: left;
    height: inherit;
    background: gray;
}

/*
@-webkit-keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}
@moz-keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}*/

@-webkit-keyframes slideshow {
    0%   { 
        -webkit-transform: translateX(0);  
    }    
    100% { 
        -webkit-transform: translateX(-535%);  
    }
}
@-moz-keyframes slideshow {
    0%   { 
        -moz-transform:    translateX(0); 
    }    
    100% { 
        -moz-transform:    translateX(-535%); 
    }
}

.noslideshow{
	
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
}

/*
@-webkit-keyframes stoping {
    0%   { 
        -webkit-transform: translateX(0);  
    }    
    100% { 
        -webkit-transform: translateX(-200%);  
    }
}
@-moz-keyframes stoping {
    0%   { 
        -moz-transform:    translateX(0); 
    }    
    100% { 
        -moz-transform:    translateX(-200%); 
    }
}*/



footer {
	display: block;
    height:30px;
	background: rgb(153,153,153);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000');
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.85)));
	background: -moz-linear-gradient(top,  rgba(0,0,0,0),  rgba(0,0,0,.85));
}
